<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/my_comment.css">
    <title>我的评价</title>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">我的评价</span>
      	</div>
  	</div>
  	<div class="container top-container" v-cloak>
  		<div class="my-comment-null" style="display: none;" id="myCommentNull">
  			<img src="../../../image/shop/buy/buy-81.png"/>
  			<h2>你还没有发表任何评价</h2>
  			<p>要是宝贝到手了，那就赶紧享用吧</p>
  		</div>
  		<ul class="my-comment-tab" @click="myCommentTab">
  			<li :class="activeIndex == 0 ? 'active' : ''" data-index="0">全部评价</li>
  			<li :class="activeIndex == 1 ? 'active' : ''" data-index="1">有图评价</li>
  		</ul>
  		<ul class="my-comment-list">
  			<li v-for="item in list" data-class="my-comment-group" :style="is_img && (item.images == '' || item.images.length <= 0) ? 'display: none;' : ''">
	  			<h2>
	  				<img :src="item.avater"/>
	  				<b v-html="item.nickname"></b>
	  				<p v-html="item.date_add"></p>
	  			</h2>
	  			<div class="my-comment-content">
		  			<p v-html="item.content || '没有写评论'" style="word-wrap: break-word;"></p>
		  			<div v-if="item.images != '' || item.images.length > 0">
			  			<div v-for="img in item.images" @click="lookBigImg">
			  				<img :src="img+'?x-oss-process=image/resize,m_lfit,w_960'"/>
			  			</div>
		  			</div>
	  			</div>
	  			<div class="my-comment-shop" v-if="item.reply_content != '' && item.reply_content != null " style="word-wrap: break-word;">
	  				<div></div>
	  				<span v-html="'店家回复：'+item.reply_content"></span>
	  			</div>
	  			<div class="my-comment-goods" @click="goGoodeDetail" :data-goodsid="item.goods_id">
	  				<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
	  				<h2 v-html="item.goods_name"></h2>
	  				<p v-html="'型号：'+item.option_name"></p>
	  				<b v-html="'¥'+item.price"></b>
	  				<span v-if="item.score == 2" v-html="'已好评'"></span>
	  				<span v-if="item.score == 1" v-html="'已中评'"></span>
	  				<span v-if="item.score == 0" v-html="'已差评'"></span>
	  			</div>
  			</li>
  		</ul>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/myComment.js"></script>
</html>
